<div class="main-container" id="main-container" xmlns:th="http://www.thymeleaf.org">
    <div class="main-container-inner">
        <div class="main-content">
            <div class="page-content">
                <div class="row">
                    <form class="form-horizontal"  role="form" id="add_form" >
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="dtype" class="col-sm-3 control-label">调度类型</label>
                                <div class="col-sm-7">
                                    <select class="form-control" id="scheduleType" name="scheduleType">
                                        <option value="1">定点触发</option>
                                        <option value="2">间隔触发</option>
                                        <option value="3">提交触发</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group" id="cornDiv">
                                <label for="dname" class="col-sm-3 control-label">corn表达式</label>
                                <div class="col-sm-7">
                                    <input type="text" class="form-control" id="dname" name="dname" />
                                </div>
                            </div>
                            <div class="form-group" id="periodDiv" style="display:none">
                                <label for="dname" class="col-sm-3 control-label">间隔配置</label>
                                <div class="col-sm-7">
                                   <div class="input-group">
							            <input type="text" class="form-control">
							            <span class="input-group-addon">分钟</span>
							       </div>
                                </div>
                            </div>
                            <div class="form-group" id="submitDiv" style="display:none">
                                <label for="dname" class="col-sm-3 control-label">WebHook接口</label>
                                <div class="col-sm-7">
                                   <lable>http://example.com/aaa/zfb</lable>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label for="dvalue" class="col-sm-3 control-label">部署实例</label>
                                <div class="col-sm-7">
                                    <select class="form-control" id="dvalue" name="dvalue">
                                        <option>此处为下拉树</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="dvalue" class="col-sm-3 control-label">启用状态</label>
                                <div class="col-sm-7">
                                    <select class="form-control" id="dvalue" name="dvalue">
                                        <option>启用</option>
                                        <option>禁用</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $("#scheduleType").change(function () {
        if($(this).val() == 1) {
            $("#cornDiv").show();
            $("#periodDiv").hide();
            $("#submitDiv").hide();
        } else if($(this).val() == 2) {
        	$("#cornDiv").hide();
            $("#periodDiv").show();
            $("#submitDiv").hide();
        } else {
        	$("#cornDiv").hide();
            $("#periodDiv").hide();
            $("#submitDiv").show();
        }
    });
    function form_sub() {
        alert("已保存")
    }
</script>